<template>
  <div class="side_bar">
    <el-menu
        active-text-color="#ffd04b"
        background-color="#545c64"
        class="el-menu-vertical-demo"
        default-active="3"
        text-color="#fff"
        :router="true"
        @open="handleOpen"
        @close="handleClose"
    >
      <el-menu-item index="/admin/home">
        <template #title>
          <el-icon><House /></el-icon>
          <span>首页</span>
        </template>
      </el-menu-item>

      <el-menu-item index="/admin/data">
        <template #title>
          <el-icon><Histogram /></el-icon>
          <span>数据统计</span>
        </template>
      </el-menu-item>

      <el-sub-menu index="/admin/">
        <template #title>
          <el-icon><HomeFilled /></el-icon>
          首页管理
        </template>
        <el-menu-item index="/admin/banner-management">
          <el-icon><icon-menu /></el-icon>
          Banner管理
        </el-menu-item>
        <el-menu-item index="/admin/cate-management">
          <el-icon><icon-menu /></el-icon>
          分类管理
        </el-menu-item>
      </el-sub-menu>



      <el-menu-item index="/admin/audits-management">
        <el-icon><View /></el-icon>
        <span>审核管理</span>
      </el-menu-item>

<!--      <el-menu-item index="/admin/employee">-->
<!--        <el-icon><setting /></el-icon>-->
<!--        <span>员工管理</span>-->
<!--      </el-menu-item>-->

      <el-menu-item index="/admin/v-management">
        <el-icon><VideoPlay /></el-icon>
        <span>视频管理</span>
      </el-menu-item>
      <el-sub-menu index="/admin/employee">
        <template #title>
          <el-icon><setting /></el-icon>
          系统管理
        </template>
        <el-menu-item index="/admin/employee">
          <el-icon><setting /></el-icon>
          <span>员工管理</span>
        </el-menu-item>
        <el-menu-item index="/admin/user">
          <el-icon><setting /></el-icon>
          <span>用户管理</span>
        </el-menu-item>
      </el-sub-menu>


    </el-menu>
  </div>
</template>

<script setup>
import {
  Document,
  Menu as IconMenu,
  Location,
  Setting, View, HomeFilled, Histogram, House,
} from '@element-plus/icons-vue'
const handleOpen = (key, keyPath) => {
  console.log(key, keyPath)
}
const handleClose = (key, keyPath) => {
  console.log(key, keyPath)
}
</script>
<style>

.side_bar{
  height: 650px;
  background-color: #545c64;
  padding-top: 30px;
}
</style>
